<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>Concours CSS</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<link href='http://fonts.googleapis.com/css?family=Lilita+One' rel='stylesheet' type='text/css'>
</head>
<body>
<div id="wrapper">
<div id="all">

<div id="header">
<div id="headleft" class="headpart"><h1>Concours CSS</h1></div>
<div id="headcenter" class="headpart"></div>
<div id="headright" class="headpart">AP3-2012</div>

<div id="auth">
<form action='' method='post'><p><input name='action' type='hidden' value='login'/><input name='login' size='10'/><span class='sep'> </span><input name='password' size='10' type='password'/><span class='sep'> </span><input type='submit' value='Connexion'/></p></form></div><!-- auth -->

</div><!-- header -->


<div id="content">

<div id="objectifs" class="part">
<h1>Objectif</h1>
<p>
Réaliser une mise en forme CSS pour un fichier HTML donné !
</p>

</div><!-- objectifs -->

<div id="lots" class="part">
<h1>De nombreux lots à gagner</h1>
<table>
<tr><th>Classement</th><th>Lot</th></tr>
<tr><td>La meilleure mise en forme</td><td>Un gateau maison au choix :
<ul>
<li>Tarte au citron meringuée</li>
<li>Crumble aux pommes</li>
<li>Gateau au chocolat et café</li>

</ul></td></tr>
<tr><td>La 2<span class="eme">ème</span> meilleure</td><td>Un stylo 4 couleurs</td></tr>
<tr><td>La 3<span class="eme">ème</span> meilleure</td><td>Un paquet de MM's</td></tr>
<tr><td>La 4<span class="eme">ème</span> meilleure</td><td>Un paquet de Fisherman's friends</td></tr>

<tr><td>La 5<span class="eme">ème</span> meilleure</td><td>Une canette de Redbull</td></tr>
<tr><td>Le grand prix de l'originalité</td><td><span class="title">"H2G2" T1</span>, <span class="author">Douglas Adams</span></td></tr>
<tr><td>Le grand prix de la technicité</td><td><span class="title">"La cité des permutants"</span>, <span class="author">Greg Egan</span></td></tr>
<tr><td>Le grand prix du "qui pique les yeux"</td><td>Un piment</td></tr>

<tr><td>Le grand prix du girly</td><td>Un pot de Nutella</td></tr>
<tr><td>Le prix spécial du jury</td><td>Une caricature</td></tr>
</table>
<p id="realisations">
Les réalisations seront visibles : <a href="realisations">ICI</a> !
</p>

</div><!-- lots -->

<div id="fichier" class="part">

<h1>Fichier</h1>
<p>
Le fichier HTML à mettre en forme est... celui-ci !<br/>
Affichez le code source, copier, coller !
</p>
</div><!-- objectifs -->



<div id="criteres" class="part">
<h1>Critères d'évaluation</h1>
<p>
Les différents critères suivant serviront de base à l'évaluation. Certains peuvent être antinomiques (Par exemple, l'orginalité peut aller à l'encontre de l'ergonomie). A vous de choisir ! <span class="important">Tous ne sont pas obligatoire</span> !! 

</p>
<ul>
<li>Technicité</li>
<li>Esthétique (subjectif)</li>
<li>Originalité</li>
<li>Ergonomie</li>
<li>Qualité du code</li>
<li>CSS3</li>
<li>Validation W3C : <a href="http://validator.w3.org/">validator.w3.org</a></li>

<li>Compatibilité avec les différents navigateurs</li>
<li>Compatibilité avec IE (facultatif)</li>
</ul>
<p>
En plus des prix cités ci-dessus, la réalisation sera notée et comptera dans la moyenne d'AP3. Ceci est donc un travail <span class="important">Obligatoire</span>.
</p>
</div><!-- Critères -->


<div id="rules" class="part">
<h1>Règles</h1>
<ul>

<li>Interdiction de toucher au code HTML
	<p>Des demandes (justifiées !) de mofication peuvent être faites par mail : <a href="mailto:luc.damas@univ-savoie.fr">luc.damas@univ-savoie.fr</a>.</p>
</li>
<li>L'intégralité du contenu doit être accessible. Il peut être caché par défaut.</li>
<li>Pas de politique, pas de religion,  pas de porno</li>
</ul>
</div><!-- Règles -->


<div id="soumission" class="part">
<h1>Soumettre un style</h1>

<ul>
<li>Archivez/compresser (zip, rar, tar.gz, ...) votre dossier css</li>
<li>Renommer le fichier compressé avec votre nom et votre prénom</li>
<li>Envoyez le fichier compressé par mail
	<ul>
		<li>Titre du mail : Concours CSS AP3</li>
		<li>Destinataire : <a href="mailto:luc.damas@univ-savoie.fr">luc.damas@univ-savoie.fr</a></li>
	</ul>	
</li>

<li>Date limite : <span class="date">Mardi 6 mars 2012, 23h59</span> (heure SMTP faisant foi)</li>
<li>Toute soumission ne respectant pas ce format sera refusée.</li>
</ul>
</div><!-- Soumission -->



</div><!-- content -->



<div id="footer">

<p id="droits">Février 2012 - <a href="http://www.luc-damas.fr">Luc Damas</a></p>
 <p id="validationxhtml">
    <a href="http://validator.w3.org/check?uri=referer"><img
      src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Strict" height="31" width="88" /></a>
  </p>
</div>


<div id="extra"></div>

</div><!-- all -->

</div><!-- wrapper -->

<div id="outer"></div>

</body>
</html>